// pages/travel/second.js
Page({
  data: {
    currentIndex:0,
    scrollShow:'',
   list:[
     {
       id:'zenmewan',
       name:'怎么玩',
       img1:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601271894534&di=e4690184622f544c44c199f143b6610a&imgtype=0&src=http%3A%2F%2Fimg.mp.sohu.com%2Fupload%2F20170516%2Ff8d3c4bce5f44fc082759bc5ee20ed32_th.png',
       detail1:'雁荡山以山水奇秀闻名，素有“海上名山、寰中绝胜”之誉，史称中国“东南第一山”,主体位于浙江省温州市东北部海滨，小部在台州市温岭南境。2005年被评为“世界地质公园”。',
       img2:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601272178414&di=51f792ced1515f7ecd548bdcb21daf61&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180615%2F0db75a0c248444bab6de40595bff0ae5.jpeg',
       detail2:'仙都风景区坐落于缙云县城东7公里处，自隋代起闻名于世。仙都风景区分布于东西约10公里的练溪两岸，由姑妇岩、小赤壁、倪翁洞、鼎湖峰、芙蓉峡等游览区组成，计有72奇峰，18处名胜古迹。2020年，获评国家AAAAA级景区',
       img3:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601273160499&di=89e1a223c43866353fc561094eb41c09&imgtype=0&src=http%3A%2F%2Fimg1.qunarzz.com%2Fsight%2Fp0%2F201405%2F13%2Fcc6b2870049aa5086badad72fed0d36d.jpg_1000x520_a5a6e27e.jpg',
       detail3:'天台山风景区，国家AAAAA级旅游景区，国家级重点风景名胜区，中华十大名山之一，国家生态旅游示范区。天台山风景区坐落在浙江省东中部天台县境内的天台山，是浙江省东部名山，东连宁海、三门，西接磐安，南邻仙居、临海，北界新昌，绵亘浙江东海之滨。',
       yandangshan:'yandangshan',
       xiandu:'xiandu',
       tiantaishan:'tiantaishan'
     },
     {
       id: 'zhunali',
       name: '住哪里',
       img1:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601272543335&di=aae8f807af237b91d63db1474ab6cf03&imgtype=0&src=http%3A%2F%2Fdimg04.c-ctrip.com%2Fimages%2F260i1800000140hac222E_R_785_450.jpg',
       detail1:'雁荡山溪畔居生态民宿位于雁荡山风景区中心，雁荡山溪畔居生态民宿设计风格简约生态，保留自然，雁荡山溪畔居生态民宿设施设备齐全，24小时热水，有线宽带，无线WiFi，茶座，行李寄存，并有专业人员为住客私人定制个性化游玩路线。',
       img2:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601272853242&di=cd32ea1d47795a19de37812639340e21&imgtype=0&src=http%3A%2F%2Fpavo.elongstatic.com%2Fi%2Fmobile960%2Fnw_000fn8LX.jpg',
       detail2:'坐落在仙都景区，缙云云山水民宿在缙云占尽地理之宜。从酒店很方便到达缙云火车站，仅有9km距离。酒店为您在客房内配备了空调、液晶电视机和房间内高速上网，酒店还为您提供了电热水壶和咖啡壶/茶壶。浴室内提供拖鞋、24小时热水和吹风机，',
       img3:'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1032856399,1806000353&fm=26&gp=0.jpg',
       detail3:'对于想要捕捉天台城市风采的旅客来说，天台平地山庄是一个理想的选择。酒店周边的华顶国家森林公园是您入住期间休闲玩赏的好去处。酒店休闲区提供了各类设施，您可以在这里舒缓身心压力。',
       yandangshan:'xipan',
       xiandu:'jinyun',
       tiantaishan:'pindi'
     },
     {
      id: 'chishenme',
      name: '吃什么',
      img1:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601273677558&di=cb1866fdece3df4f035c082af4f96b1b&imgtype=0&src=http%3A%2F%2Fp0.ifengimg.com%2Ffck%2F2018_44%2F2136a56c8ec4800_w1080_h717.jpg',
       detail1:'灯盏糕是浙江省温州市和福建省闽西地区的一种传统特色名点，也是温州十大名小吃之一，同时该小吃也是福建闽西连城，长汀，闽北浦城等地的地方特色小吃。其历史悠久，最远可追溯至元末明初。一般是用大米、黄豆磨成稠浆，加入面粉，包裹萝卜丝为馅料，油炸而成。',
       img2:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601273890636&di=e7f6f9edd45fdcfe37c871b347b5d4eb&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180413%2F01caba51dcf54811b319510c1b075f1c.jpeg',
       detail2:'缙云烧饼也称桶饼，是浙江省丽水市缙云县的一种传统小吃，属于浙菜系；据说该小吃有650余年的历史。缙云烧饼以面粉、鲜猪肉和梅干菜为主要原料制成饼坯，经烧饼桶炭火烘烤制成。',
       img3:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601274028176&di=bffdecf6ef3de3e46e310bcf7013cbae&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20181219%2F3d2312df92b04d759ccf9e3e1345676b.jpeg',
       detail3:'麦油脂因其薄皮里包着各种馅，呈圆筒状，故又称食饼筒（一般称饺饼筒）。以面粉糊烙制成饼皮，内裹有炒米面，肉片、猪肝、蛋皮、鱼肉、豆腐片，还有金针、木耳、粉丝、笋丝、菜梗，鸡蛋，韭菜丝、咸菜等的薄饼。具有面皮薄韧、作料鲜香的特点。'
    }
   ],
    tabHeadTop:0,
    fixed:false,
    scrollTop:0,
    swiperHeight:0
  },
  onLoad: function () {
   
  },
  onReady: function () {
    let that = this
    let query = wx.createSelectorQuery()
    query.select(".tab_wrap").boundingClientRect(function (res) {
       console.log(res.top) //距离页面顶部的距离
      that.setData({
        tabHeadTop: res.top
      })
    }).exec()
    query.select(".item_cont").boundingClientRect(function (res) {
        console.log(res)
      that.setData({
        item_cont: res.height
      })
    }).exec()
  },
  swiperchnage:function(e){
    this.setData({ currentIndex: e.detail.current})
    var tabHeadTop = this.data.tabHeadTop;
    // wx.pageScrollTo({
    //   scrollTop: tabHeadTop
    // })
  },
  tap:function(e){
    var that=this;
    var index=e.currentTarget.dataset.index;
    this.setData({ currentIndex:e.currentTarget.dataset.index});
    var tabHeadTop = this.data.tabHeadTop;
    let query = wx.createSelectorQuery();
    query.selectAll(".item_cont").boundingClientRect(function (res) {
      that.setData({
        item_cont: res[index].height
      })
    }).exec()
    // wx.pageScrollTo({
    //   scrollTop: tabHeadTop
    // })
 
  },
  onPageScroll: function (e) {
    this.setData({ scrollTop: e.scrollTop})
    if (e.scrollTop > this.data.tabHeadTop) {
      this.setData({
        fixed: true,
      })
 
 
    }else{
      this.setData({
        fixed: false
      })
      
    }
  },
    yandangshan(){
      wx.navigateTo({
        url: '../second/yandangshan/yandangshan',
      })
    },
    xiandu(){
      wx.navigateTo({
        url: '../second/xiandu/xiandu',
      })
    },
    tiantaishan(){
      wx.navigateTo({
        url: '../second/tiantaishan/tiantaishan',
      })
    },
    xipan(){
      wx.navigateTo({
        url: '../second/xipan/xipan',
      })
    },
    jinyun(){
      wx.navigateTo({
        url: '../second/jinyun/jinyun',
      })
    },
    pindi(){
      wx.navigateTo({
        url: '../second/pindi/pindi',
      })
    }
})
